<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>杭州五一三日游</title>
    <link href="https://cdn.jsdelivr.net/npm/daisyui@3.9.0/dist/full.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <script>
        tailwind.config = {
            theme: {
                extend: {},
            },
            plugins: [require("daisyui")],
            daisyui: {
                themes: ["light", "cupcake"],
            },
        }
    </script>
    <style>
        .location-link {
            color: #1d4ed8;
            cursor: pointer;
            text-decoration: underline;
            transition: color 0.2s;
        }
        
        .location-link:hover {
            color: #2563eb;
        }
        
        .timeline-container {
            position: relative;
        }
        
        .timeline-container::after {
            content: '';
            position: absolute;
            width: 4px;
            background-color: #e5e7eb;
            top: 0;
            bottom: 0;
            left: 18px;
            margin-left: -2px;
        }
        
        .timeline-item {
            position: relative;
            margin-left: 30px;
            padding-bottom: 1.5rem;
        }
        
        .timeline-dot {
            position: absolute;
            width: 16px;
            height: 16px;
            left: -22px;
            background-color: #3b82f6;
            border-radius: 50%;
            z-index: 1;
        }
    </style>
</head>
<body class="bg-gray-50">
    <div class="container mx-auto px-4 py-6 max-w-3xl">
        <!-- 行程标题区 -->
        <div class="card bg-base-100 shadow-xl mb-6">
            <div class="card-body">
                <div class="flex flex-col md:flex-row justify-between items-start md:items-center">
                    <div>
                        <h1 class="text-2xl font-bold text-primary">杭州五一三日游</h1>
                        <p class="text-gray-600">2024年5月1日 - 5月3日（共3天）</p>
                    </div>
                    <div class="badge badge-lg bg-blue-100 text-blue-800 mt-2 md:mt-0">
                        <i class="fas fa-cloud-sun mr-1"></i> 预计天气：晴转多云，18°C-26°C
                    </div>
                </div>
                <div class="divider my-2"></div>
                <div class="text-sm text-gray-600">
                    <p><i class="fas fa-check-circle text-success mr-1"></i> 赏花、划船、爬山、骑行、品美食一次玩遍</p>
                    <p><i class="fas fa-check-circle text-success mr-1"></i> 体验杭州自然风光与人文景观的完美结合</p>
                </div>
            </div>
        </div>

        <!-- 行程概览区 -->
        <div class="card bg-base-100 shadow-xl mb-6">
            <div class="card-body">
                <h2 class="card-title text-xl text-primary">
                    <i class="fas fa-calendar-alt mr-2"></i>行程概览
                </h2>
                <div class="divider my-2"></div>
                
                <!-- 日期标签页 -->
                <div class="tabs tabs-boxed mb-4">
                    <a class="tab tab-active" onclick="showDay(1)">Day 1 - 5月1日</a>
                    <a class="tab" onclick="showDay(2)">Day 2 - 5月2日</a>
                    <a class="tab" onclick="showDay(3)">Day 3 - 5月3日</a>
                </div>
                
                <!-- 每日概览卡片 -->
                <div id="day1-overview" class="day-overview">
                    <div class="flex flex-wrap gap-2 mb-2">
                        <div class="badge badge-outline"><i class="fas fa-pagelines text-green-600 mr-1"></i> 赏花</div>
                        <div class="badge badge-outline"><i class="fas fa-ship text-blue-600 mr-1"></i> 西湖划船</div>
                        <div class="badge badge-outline"><i class="fas fa-utensils text-orange-600 mr-1"></i> 美食体验</div>
                    </div>
                    <div class="alert bg-blue-50 text-sm">
                        <div>
                            <i class="fas fa-map-marked-alt text-blue-700"></i>
                            <span class="font-semibold">主要景点：</span> 西湖风景区、花港观鱼、曲院风荷
                        </div>
                    </div>
                </div>
                
                <div id="day2-overview" class="day-overview hidden">
                    <div class="flex flex-wrap gap-2 mb-2">
                        <div class="badge badge-outline"><i class="fas fa-hiking text-green-600 mr-1"></i> 爬山</div>
                        <div class="badge badge-outline"><i class="fas fa-pagelines text-green-600 mr-1"></i> 茶园</div>
                        <div class="badge badge-outline"><i class="fas fa-utensils text-orange-600 mr-1"></i> 西湖醋鱼</div>
                    </div>
                    <div class="alert bg-blue-50 text-sm">
                        <div>
                            <i class="fas fa-map-marked-alt text-blue-700"></i>
                            <span class="font-semibold">主要景点：</span> 龙井村、九溪烟树、灵隐寺、飞来峰
                        </div>
                    </div>
                </div>
                
                <div id="day3-overview" class="day-overview hidden">
                    <div class="flex flex-wrap gap-2 mb-2">
                        <div class="badge badge-outline"><i class="fas fa-bicycle text-green-600 mr-1"></i> 环湖骑行</div>
                        <div class="badge badge-outline"><i class="fas fa-water text-blue-600 mr-1"></i> 河坊街</div>
                        <div class="badge badge-outline"><i class="fas fa-utensils text-orange-600 mr-1"></i> 大闸蟹</div>
                    </div>
                    <div class="alert bg-blue-50 text-sm">
                        <div>
                            <i class="fas fa-map-marked-alt text-blue-700"></i>
                            <span class="font-semibold">主要景点：</span> 西湖环湖、清河坊、断桥残雪
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 详细时间表区 - 第一天 -->
        <div id="day1-detail" class="card bg-base-100 shadow-xl mb-6">
            <div class="card-body">
                <h2 class="card-title text-xl text-primary">
                    <i class="fas fa-calendar-day mr-2"></i>第一天（5月1日）- 西湖花海之旅
                </h2>
                <div class="divider my-2"></div>
                
                <div class="timeline-container">
                    <!-- 上午行程 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">09:00 - 11:30</h3>
                                    <div class="badge badge-primary">上午</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">西湖风景区 - 花港观鱼</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('杭州花港观鱼', '杭州市西湖区')">杭州市西湖区杨公堤29号</span>
                                </div>
                                <p class="text-sm my-2">
                                    浏览杭州最著名的花卉景点，观赏各种时令花卉与精美园林景观。花港观鱼是西湖十景之一，以"花"、"港"、"鱼"三景著称。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-ticket-alt text-orange-500 mr-1"></i> 门票：免费</div>
                                    <div class="badge badge-outline"><i class="fas fa-clock text-blue-500 mr-1"></i> 建议游览：2小时</div>
                                </div>
                                <div class="alert alert-info text-xs mt-2">
                                    <i class="fas fa-info-circle"></i>
                                    <span>五一期间游客较多，建议早上9点前到达避开高峰。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 午餐 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">11:30 - 13:00</h3>
                                    <div class="badge badge-warning">午餐</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">楼外楼(岳王庙店)</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('楼外楼(岳王庙店)', '杭州市西湖区北山街湖边6号')">杭州市西湖区北山街湖边6号</span>
                                </div>
                                <p class="text-sm my-2">
                                    杭州老字号餐厅，品尝正宗的西湖醋鱼等杭帮菜。餐厅环境优雅，可眺望西湖美景。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-yen-sign text-green-500 mr-1"></i> 人均：150-200元</div>
                                    <div class="badge badge-outline"><i class="fas fa-utensils text-orange-500 mr-1"></i> 招牌菜：西湖醋鱼、龙井虾仁</div>
                                </div>
                                <div class="alert alert-warning text-xs mt-2">
                                    <i class="fas fa-exclamation-triangle"></i>
                                    <span>建议提前通过大众点评预订，避免排队等候。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 下午行程 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">13:30 - 16:00</h3>
                                    <div class="badge badge-primary">下午</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">西湖船游 & 三潭印月</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('花港码头', '杭州市西湖区苏堤')">游船起点：花港码头</span>
                                </div>
                                <p class="text-sm my-2">
                                    乘坐游船游览西湖美景，途经三潭印月岛上的古塔。在湖面上欣赏西湖十景之一的"三潭印月"，感受诗情画意的江南水乡风光。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-ticket-alt text-orange-500 mr-1"></i> 船票：45-55元/人</div>
                                    <div class="badge badge-outline"><i class="fas fa-clock text-blue-500 mr-1"></i> 船游时间：约45分钟</div>
                                </div>
                                <div class="alert alert-info text-xs mt-2">
                                    <i class="fas fa-info-circle"></i>
                                    <span>可选择包船游览(280元/船)或拼船游览(55元/人)。包船更加私密且可自定路线。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 傍晚行程 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">16:30 - 18:30</h3>
                                    <div class="badge badge-primary">傍晚</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">曲院风荷</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('曲院风荷', '杭州市西湖区北山路28号')">杭州市西湖区北山路28号</span>
                                </div>
                                <p class="text-sm my-2">
                                    西湖十景之一，以荷花闻名。五一时节虽未到荷花盛开期，但园内春花繁茂，亭台楼阁点缀其中，环境清幽宜人。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-ticket-alt text-orange-500 mr-1"></i> 门票：免费</div>
                                    <div class="badge badge-outline"><i class="fas fa-clock text-blue-500 mr-1"></i> 建议游览：1.5小时</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 晚餐 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">18:30 - 20:30</h3>
                                    <div class="badge badge-warning">晚餐</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">寻味小龙虾大闸蟹</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('寻味小龙虾大闸蟹', '杭州市上城区湖滨涌金广场')">湖滨涌金广场276号3楼</span>
                                </div>
                                <p class="text-sm my-2">
                                    品尝鲜美的大闸蟹和小龙虾，店内环境舒适，食材新鲜，烹饪工艺地道。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-yen-sign text-green-500 mr-1"></i> 人均：150-200元</div>
                                    <div class="badge badge-outline"><i class="fas fa-utensils text-orange-500 mr-1"></i> 招牌菜：清蒸大闸蟹、麻辣小龙虾</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 详细时间表区 - 第二天 -->
        <div id="day2-detail" class="card bg-base-100 shadow-xl mb-6">
            <div class="card-body">
                <h2 class="card-title text-xl text-primary">
                    <i class="fas fa-calendar-day mr-2"></i>第二天（5月2日）- 山林茶园探索
                </h2>
                <div class="divider my-2"></div>
                
                <div class="timeline-container">
                    <!-- 上午行程 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">08:30 - 11:30</h3>
                                    <div class="badge badge-primary">上午</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">龙井村茶园</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('龙井村', '杭州市西湖区龙井路')">杭州市西湖区龙井路(西湖风景区)</span>
                                </div>
                                <p class="text-sm my-2">
                                    参观龙井茶的原产地，欣赏层层叠叠的茶梯，体验采茶制茶的乐趣。漫步于茶园之间，呼吸清新空气，感受龙井茶文化。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-ticket-alt text-orange-500 mr-1"></i> 门票：免费参观</div>
                                    <div class="badge badge-outline"><i class="fas fa-clock text-blue-500 mr-1"></i> 建议游览：2-3小时</div>
                                    <div class="badge badge-outline"><i class="fas fa-mug-hot text-green-500 mr-1"></i> 茶艺体验：60-100元/人</div>
                                </div>
                                <div class="alert alert-info text-xs mt-2">
                                    <i class="fas fa-info-circle"></i>
                                    <span>可以到中国茶叶博物馆了解更多茶文化知识，博物馆就在龙井村附近。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 午餐 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">11:30 - 13:00</h3>
                                    <div class="badge badge-warning">午餐</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">龙井草堂</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('茶舍工坊龙井', '杭州市西湖区龙井路饮马涧19号')">杭州市西湖区龙井路饮马涧19号</span>
                                </div>
                                <p class="text-sm my-2">
                                    在茶园中的农家乐享用午餐，品尝龙井虾仁、茶叶炒蛋等特色菜肴，体验地道农家风味。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-yen-sign text-green-500 mr-1"></i> 人均：80-120元</div>
                                    <div class="badge badge-outline"><i class="fas fa-utensils text-orange-500 mr-1"></i> 招牌菜：龙井虾仁、笋干炒肉</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 下午行程 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">13:30 - 16:30</h3>
                                    <div class="badge badge-primary">下午</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">灵隐寺 & 飞来峰</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('灵隐寺', '杭州市西湖区灵隐路法云弄1号')">杭州市西湖区灵隐路法云弄1号</span>
                                </div>
                                <p class="text-sm my-2">
                                    游览千年古刹灵隐寺和佛教石窟飞来峰，欣赏精美的佛教石刻艺术和古建筑群。登高远眺，可俯瞰西湖全景。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-ticket-alt text-orange-500 mr-1"></i> 门票：灵隐寺45元，飞来峰35元</div>
                                    <div class="badge badge-outline"><i class="fas fa-clock text-blue-500 mr-1"></i> 建议游览：2-3小时</div>
                                </div>
                                <div class="alert alert-warning text-xs mt-2">
                                    <i class="fas fa-exclamation-triangle"></i>
                                    <span>灵隐寺为佛教场所，注意着装得体，禁止吸烟和大声喧哗。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 傍晚行程 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">17:00 - 18:30</h3>
                                    <div class="badge badge-primary">傍晚</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">九溪烟树</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('九溪烟树', '杭州市西湖区九溪')">杭州市西湖区九溪路</span>
                                </div>
                                <p class="text-sm my-2">
                                    漫步于西湖南面的山谷溪流之间，欣赏"九溪烟树"的诗意景色。沿九溪徒步，感受山水之美，享受宁静的自然氛围。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-ticket-alt text-orange-500 mr-1"></i> 门票：免费</div>
                                    <div class="badge badge-outline"><i class="fas fa-clock text-blue-500 mr-1"></i> 建议游览：1-1.5小时</div>
                                </div>
                                <div class="alert alert-info text-xs mt-2">
                                    <i class="fas fa-info-circle"></i>
                                    <span>请穿舒适的徒步鞋，带好水和防蚊用品。傍晚时分景色最佳。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 晚餐 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">19:00 - 21:00</h3>
                                    <div class="badge badge-warning">晚餐</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">绿霖餐厅·绿树茶楼</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('绿霖餐厅·绿树茶楼', '杭州市西湖区三台山路92号')">杭州市西湖区三台山路92号</span>
                                </div>
                                <p class="text-sm my-2">
                                    品尝经典的杭帮菜，特别是西湖醋鱼，环境优雅，是品味杭州本地美食的绝佳去处。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-yen-sign text-green-500 mr-1"></i> 人均：120-180元</div>
                                    <div class="badge badge-outline"><i class="fas fa-utensils text-orange-500 mr-1"></i> 招牌菜：西湖醋鱼、东坡肉</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 详细时间表区 - 第三天 -->
        <div id="day3-detail" class="card bg-base-100 shadow-xl mb-6">
            <div class="card-body">
                <h2 class="card-title text-xl text-primary">
                    <i class="fas fa-calendar-day mr-2"></i>第三天（5月3日）- 环湖骑行与城市漫步
                </h2>
                <div class="divider my-2"></div>
                
                <div class="timeline-container">
                    <!-- 上午行程 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">08:30 - 11:30</h3>
                                    <div class="badge badge-primary">上午</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">西湖环湖骑行</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('西湖环湖骑行', '杭州市西湖区苏堤')">起点：杭州市西湖区苏堤南端</span>
                                </div>
                                <p class="text-sm my-2">
                                    租借自行车，沿西湖湖畔骑行，欣赏湖光山色。路线经过苏堤、白堤、北山路等西湖经典景观路段，全程约12公里。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-bicycle text-green-500 mr-1"></i> 单车租赁：20-40元/天</div>
                                    <div class="badge badge-outline"><i class="fas fa-clock text-blue-500 mr-1"></i> 建议游览：2-3小时</div>
                                </div>
                                <div class="alert alert-info text-xs mt-2">
                                    <i class="fas fa-info-circle"></i>
                                    <span>西湖周边有多个自行车租赁点，可使用支付宝租借哈啰单车或西湖旅游单车。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 断桥残雪 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">11:30 - 12:30</h3>
                                    <div class="badge badge-primary">中午</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">断桥残雪</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('断桥残雪', '杭州市西湖区北山街')">杭州市西湖区北山街道白堤</span>
                                </div>
                                <p class="text-sm my-2">
                                    游览西湖十景之一的断桥残雪，感受白娘子与许仙的爱情传说。断桥连接白堤和北山路，是欣赏西湖全景的绝佳位置。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-ticket-alt text-orange-500 mr-1"></i> 门票：免费</div>
                                    <div class="badge badge-outline"><i class="fas fa-clock text-blue-500 mr-1"></i> 建议游览：45分钟</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 午餐 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">12:30 - 14:00</h3>
                                    <div class="badge badge-warning">午餐</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">知味观(湖滨店)</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('知味观(湖滨店)', '杭州市上城区湖滨路83号')">杭州市上城区湖滨路83号</span>
                                </div>
                                <p class="text-sm my-2">
                                    品尝杭州老字号的经典点心和杭帮菜，如小笼包、片儿川、叫化童子鸡等。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-yen-sign text-green-500 mr-1"></i> 人均：80-120元</div>
                                    <div class="badge badge-outline"><i class="fas fa-utensils text-orange-500 mr-1"></i> 招牌菜：西湖莼菜汤、东坡肉</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 下午行程 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">14:30 - 17:30</h3>
                                    <div class="badge badge-primary">下午</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">清河坊历史街区</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('清河坊历史街区', '杭州市上城区河坊街')">杭州市上城区河坊街</span>
                                </div>
                                <p class="text-sm my-2">
                                    游览杭州古老的商业街区，保留着明清风格的建筑。可以购买杭州特色手工艺品、丝绸制品、龙井茶等纪念品，体验传统文化。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-ticket-alt text-orange-500 mr-1"></i> 门票：免费</div>
                                    <div class="badge badge-outline"><i class="fas fa-clock text-blue-500 mr-1"></i> 建议游览：2-3小时</div>
                                </div>
                                <div class="alert alert-info text-xs mt-2">
                                    <i class="fas fa-info-circle"></i>
                                    <span>街区内有各种小吃店、茶馆和工艺品店，可以品尝杭州特色小吃如桂花糖藕。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- 晚餐 -->
                    <div class="timeline-item">
                        <div class="timeline-dot"></div>
                        <div class="card bg-base-100 border border-gray-100">
                            <div class="card-body p-4">
                                <div class="flex justify-between items-start">
                                    <h3 class="font-bold text-lg">18:00 - 20:00</h3>
                                    <div class="badge badge-warning">晚餐</div>
                                </div>
                                <h4 class="font-semibold text-md mt-1">周氏大闸蟹舟山海鲜</h4>
                                <div class="text-gray-500 text-sm mt-1">
                                    <i class="fas fa-map-marker-alt mr-1"></i>
                                    <span class="location-link" onclick="openAmap('周氏大闸蟹舟山海鲜', '杭州市西湖区体育场路525号')">杭州市西湖区体育场路525号</span>
                                </div>
                                <p class="text-sm my-2">
                                    享用正宗的大闸蟹和新鲜海鲜，品尝杭州风味海鲜烹饪方式。
                                </p>
                                <div class="flex flex-wrap gap-2 mt-1">
                                    <div class="badge badge-outline"><i class="fas fa-yen-sign text-green-500 mr-1"></i> 人均：200-300元</div>
                                    <div class="badge badge-outline"><i class="fas fa-utensils text-orange-500 mr-1"></i> 招牌菜：清蒸大闸蟹、姜葱炒蟹</div>
                                </div>
                                <div class="alert alert-warning text-xs mt-2">
                                    <i class="fas fa-exclamation-triangle"></i>
                                    <span>大闸蟹属于凉性食物，体质偏寒者应适量食用，可搭配姜茶平衡。</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 交通信息区 -->
        <div class="card bg-base-100 shadow-xl mb-6">
            <div class="card-body">
                <h2 class="card-title text-xl text-primary">
                    <i class="fas fa-route mr-2"></i>交通信息
                </h2>
                <div class="divider my-2"></div>
                
                <div class="collapse collapse-plus">
                    <input type="checkbox" /> 
                    <div class="collapse-title font-medium">
                        <i class="fas fa-subway text-blue-500 mr-1"></i> 地铁信息
                    </div>
                    <div class="collapse-content"> 
                        <p class="text-sm mb-2">杭州地铁便捷，可覆盖主要景点：</p>
                        <ul class="text-sm list-disc list-inside space-y-1">
                            <li>1号线：可到达西湖文化广场、龙翔桥等站点</li>
                            <li>2号线：可到达凤起路、湘湖等站点</li>
                            <li>最近站点：西湖景区附近的龙翔桥站(1号线)、凤起路站(2号线)</li>
                            <li>票价：2-8元不等，根据里程计算</li>
                        </ul>
                    </div>
                </div>
                
                <div class="collapse collapse-plus">
                    <input type="checkbox" /> 
                    <div class="collapse-title font-medium">
                        <i class="fas fa-bus text-green-500 mr-1"></i> 公交信息
                    </div>
                    <div class="collapse-content"> 
                        <p class="text-sm mb-2">杭州公交线路覆盖全面：</p>
                        <ul class="text-sm list-disc list-inside space-y-1">
                            <li>游览西湖：可乘坐游5线、Y2、Y9等环湖旅游专线</li>
                            <li>前往灵隐寺：乘坐旅游专线Y1或公交7路</li>
                            <li>前往龙井村：乘坐27路、87路</li>
                            <li>票价：普通公交2-3元，旅游专线5-10元</li>
                        </ul>
                    </div>
                </div>
                
                <div class="collapse collapse-plus">
                    <input type="checkbox" /> 
                    <div class="collapse-title font-medium">
                        <i class="fas fa-bicycle text-orange-500 mr-1"></i> 自行车租赁
                    </div>
                    <div class="collapse-content"> 
                        <p class="text-sm mb-2">杭州有完善的自行车租赁系统：</p>
                        <ul class="text-sm list-disc list-inside space-y-1">
                            <li>哈啰单车：通过支付宝即可租借，遍布西湖周边</li>
                            <li>西湖旅游单车：在苏堤、白堤等多个点设有租赁站</li>
                            <li>普通单车租金：1-2元/小时</li>
                            <li>旅游自行车：全天20-40元</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <!-- 实用信息区 -->
        <div class="card bg-base-100 shadow-xl mb-6">
            <div class="card-body">
                <h2 class="card-title text-xl text-primary">
                    <i class="fas fa-info-circle mr-2"></i>实用信息
                </h2>
                <div class="divider my-2"></div>
                
                <!-- 紧急联系电话 -->
                <div class="mb-4">
                    <h3 class="font-bold text-md mb-2"><i class="fas fa-phone-alt text-red-500 mr-1"></i> 紧急联系电话</h3>
                    <div class="grid grid-cols-2 gap-2">
                        <div class="text-sm">
                            <span class="font-semibold">报警：</span>110
                        </div>
                        <div class="text-sm">
                            <span class="font-semibold">急救：</span>120
                        </div>
                        <div class="text-sm">
                            <span class="font-semibold">消防：</span>119
                        </div>
                        <div class="text-sm">
                            <span class="font-semibold">旅游咨询：</span>0571-12301
                        </div>
                    </div>
                </div>
                
                <!-- 重要提示 -->
                <div class="mb-4">
                    <h3 class="font-bold text-md mb-2"><i class="fas fa-exclamation-circle text-yellow-500 mr-1"></i> 重要提示</h3>
                    <ul class="text-sm list-disc list-inside space-y-1">
                        <li>五一期间西湖景区游客众多，建议提前出发避开高峰</li>
                        <li>西湖景区大部分免费开放，但部分景点如灵隐寺需购票</li>
                        <li>注意防晒和补水，春季杭州气温多变</li>
                        <li>龙井茶购买建议到正规店铺，避免购买假冒伪劣产品</li>
                        <li>环湖骑行需注意交通安全，遵守交通规则</li>
                    </ul>
                </div>
                
                <!-- 预算摘要 -->
                <div class="mb-4">
                    <h3 class="font-bold text-md mb-2"><i class="fas fa-wallet text-green-500 mr-1"></i> 预算摘要</h3>
                    <div class="overflow-x-auto">
                        <table class="table table-zebra text-sm">
                            <tbody>
                                <tr>
                                    <td class="font-semibold">景点门票</td>
                                    <td>约200元/人（大部分西湖景点免费）</td>
                                </tr>
                                <tr>
                                    <td class="font-semibold">餐饮费用</td>
                                    <td>约800-1000元/人（三天六餐）</td>
                                </tr>
                                <tr>
                                    <td class="font-semibold">交通费用</td>
                                    <td>约150-200元/人（含公交、地铁、租车）</td>
                                </tr>
                                <tr>
                                    <td class="font-semibold">其他费用</td>
                                    <td>约200元/人（茶叶、纪念品等）</td>
                                </tr>
                                <tr class="font-bold">
                                    <td>总计</td>
                                    <td>约1350-1600元/人（不含住宿）</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <script>
            function showDay(day) {
                // 隐藏所有日期概览
                document.querySelectorAll('.day-overview').forEach(el => {
                    el.classList.add('hidden');
                });
                
                // 显示选中的日期概览
                document.getElementById(`day${day}-overview`).classList.remove('hidden');
                
                // 更新标签页状态
                document.querySelectorAll('.tab').forEach((tab, index) => {
                    if (index + 1 === day) {
                        tab.classList.add('tab-active');
                    } else {
                        tab.classList.remove('tab-active');
                    }
                });
            }
            
            function openAmap(name, address) {
                // 构建百度地图搜索链接
                let url = `https://api.map.baidu.com/place/v2/search?query=${encodeURIComponent(name)}`;
                
                // 如果有地址，添加地址信息
                if (address) {
                    url += `&address=${encodeURIComponent(address)}`;
                }
                
                // 打开新标签页
                window.open(url, '_blank');
            }
        </script>
    </div>
</body>
</html>
